<template>
  <v-app app>
    <TopBar></TopBar>
    <v-main class="grey lighten-3">
      <v-container>
        <v-row>
          <v-col cols="3">
            <Nav></Nav>
          </v-col>
          <v-col>
            <v-sheet max-width="65vw" min-height="80vh" rounded="lg">
              <router-view></router-view>
            </v-sheet>
          </v-col>
        </v-row>
      </v-container>
    </v-main>
    <Footer></Footer>
  </v-app>
</template>

<script>
import TopBar from "../components/TopBar";
import Footer from "../components/Footer";
import Nav from "../components/Nav";
import ArticleList from "../components/ArticleList";
export default {
  name: 'Home',
  components:{TopBar,Footer,Nav,ArticleList},
}
</script>
